<include file="Public:header" /> 
<style>
#span_common{display:block}
.center{width:1200px;margin:0 auto;border:0px;margin-top:10px}
.center_left{width:950px;float:left}
.center_right{width:230px;height:190px;overflow:hidden;float:right;border:1px solid #dedede;padding:4px;margin-top:5px}
.shop_1{width:462px;height:270px;float:left;margin:5px;border:1px solid #dedede;}
.shop_2{width:225px;height:270px;float:left;margin:5px;border:1px solid #dedede;}
.shop_2:hover{border:1px solid red}
#shop_title{background:#EFFFFF;padding:5px;}
#shop_ad{font-size:12px;margin-left:20px;color:#75A1DA}
#shop_detail{padding:5px;margin:10px}
#shop_logo{width:100px;float:left}
#shop_intro{display:block;float:left;width:300px;margin-left:20px;margin-top:0px;font-size:12px;color:#C8B8C8}
#view_shop_btn{display:block;text-align:center;margin-top:10px}

#goods_pic{width:200px;height:200px;margin:0 auto;margin-top:10px}
#goods_pic img{height:200px;width:200px}
#goods_title{width:200px;height:20px;overflow:hidden;margin:0 auto;margin-top:5px;font-size:12px;color:#C8B8C8}
#goods_p{color:red;font-weight:bold;font-size:15px;width:100px;float:left}
#buy_btn{width:60px;float:right}

/* focus */
#focus{position:relative;width:940px;height:200px;overflow:hidden;}
#focus ul{height:420px;position:absolute;}
#focus ul li{float:left;width:940px;height:200px;overflow:hidden;position:relative;background:#fff;}
#focus ul li div{position:absolute;overflow:hidden;}
#focus .btn{position:absolute;height:30px;left:10px;bottom:4px;}
#focus .btn span{
	float:left;display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;font-size:16px;margin-right:10px;cursor:pointer;background:#716564;color:#ffffff;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
#focus .btn span.on{background:#317ee7;color:#ffffff;}
</style>

<div class="center">
	<div class="center_left" style="padding:5px">
		<div id="focus">
		<ul>
<volist name="lunbo_ad" id="lun">
			<li>
				<div style="left:0;top:0;">{$lun.content}</div>
			</li>
</volist>
		</ul>
		</div>
	</div>

	<div class="center_right">{$right_ad[0].content}</div>
</div>

<div class="center">
	<div class="center_left">

<volist name="shoplist" id="shop">
		<div class="shop">
			<div class="shop_1">
			    <ul id="shop_title"><span><a href="__APP__/Wshop/home.html?id={$shop.shop_id}">{$shop.shop_name}</a></span><span id="shop_ad">{$shop.shop_slogan}</span></ul>
				<ul id="shop_detail">
					<li id="shop_logo">
						<span id="span_common"><if condition="$shop.shop_logo eq ''"><else/><a href="__APP__/Wshop/home.html?id={$shop.shop_id}"><img src="__APP__/weishop/logo/{$shop.shop_logo}" width=100px height=100px></a></if></span>
						<span id="view_shop_btn"><a href="__APP__/Wshop/home.html?id={$shop.shop_id}"><img src="__APP__/weishop/resource/img/view_shop_icon.jpg"></a></span>
					</li>
					<li id="shop_intro">
						<span id="span_common"><font color="black">商家简介：</font>{$shop.shop_intro}</span>
						<span id="span_common" style="margin-top:10px"><font color="black">蚂蚁点评：</font>{$shop.review}</span>
					</li>
				</ul>
			</div>
	<volist name="shop['goods_list']" id="goods_list">
			<div class="shop_2">
				<ul id="goods_pic"><a href="__APP__/Goods/item.html?id={$goods_list.goods_id}"><img alt="{$goods_list.goods_name}" title="{$goods_list.goods_name}" src="__APP__/{$goods_list.m_pic}"></a></ul>
				<ul id="goods_title"><a href="__APP__/Goods/item.html?id={$goods_list.goods_id}">{$goods_list.goods_name}</a></ul>
				<ul id="goods_title">
					<li id="goods_p">￥{$goods_list.price}</li>
					<li id="buy_btn"><a href="__APP__/Goods/item.html?id={$goods_list.goods_id}"><img src="__APP__/weishop/resource/img/view_shop_icon.jpg"></a></li>
				</ul>
			</div>
	</volist>
		</div>
		<div style="clear:both"></div>
</volist>
        <div style="clear:both"></div>
		<div id="page" class="shop" style="clear:both;margin-top:20px;text-align:center"></div>
	</div>

	<div class="center_right"></div>
</div>

<div style="clear:both"></div>

<include file="Public:footer" /> 
<script type="text/javascript" src="__APP__/statics/js/banner.js"></script>
<script type="text/javascript" src="__APP__/admin/js/page.js"></script>
<link type="text/css" rel="stylesheet" href="__APP__/admin/js/page.css" />
<script type="text/javascript">
$(function(){
	$("#page").SOFUPage({
		Style: "Twitter-yellow",
		NextPrev: false,
		FirstLast:false,
		AllCount:{$page.count},
		PageCount:{$page.page_size},
		NowPage: {$page.now_page},
		MaxShow: 6,
		Href: "__URL__/index/?page={page}",
		Target: "_self",
		IsCurAble: false,
		OnChange: function (page) {
		}
	});

});
</script>
